<%--
  Created by IntelliJ IDEA.
  User: wei
  Date: 2019/5/20
  Time: 14:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <head>
        <title>代理商配置返利</title>
        <script src="../../js/jquery-3.3.1.min.js" charset="utf-8"></script>
        <script src="../../js/cookie/jquery.cookie.js" charset="utf-8"></script>
        <script src="../../layui-v2.2.5/layui/layui.js" charset="utf-8"></script>
        <link rel="stylesheet" href="../../layui-v2.2.5/layui/css/layui.css" media="all">

    </head>
</head>
<body>


<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right;margin-right: 100px"  href="javascript:location.replace(location.href);" title="刷新">
    <i class="layui-icon" style="line-height:30px">ဂ</i></a>
<br><br><br>



<form action="/shop/agent">
    <input type="hidden" name="id" value="${id}">

    <div class="layui-input-inline">
        <input type="text" name="commodityName" id="commodityName" value="${commodityName}" placeholder="请输入卡种" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline">
        <input type="text" name="faceValue" id="faceValue" value="${faceValue}" placeholder="请输入面值" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width:80px">
        <button class="layui-btn"  lay-submit="" lay-filter="/shop/agent"><i class="layui-icon">&#xe615;</i>搜索</button>
    </div>
</form>

<div class="layui-form">
    <form class="layui-form" action="">
        <table class="layui-table">
            <thead>
            <tr>
                <th>卡种</th>
                <th>面值</th>
                <th>返利率</th>
                <th>操作</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
                    <c:forEach items="${pageUtil.list}" var="cl">
                <tr>
                    <td>${cl.commodityName}</td>
                    <td>${cl.faceValue}</td>
                    <td>${cl.rebatesThan}</td>
                    <td>
                        <button class="layui-btn" type="button" onclick="update('${cl.faceValueId}','${cl.id}');">修改</button>
                    <td>
                </tr>
                    </c:forEach>
            </tbody>
        </table>
        <input type="hidden" id="id" value="${id}">
    </form>
    <div id="fenye"></div>

    <div id="under" style="margin-top: 20rem"></div>
</div>
<script>
    layui.use('laypage', function(){
        var laypage = layui.laypage;
        laypage.render({
            elem: 'fenye'
            ,count: ${pageUtil.totalRows}
            ,limit:10//数据总数，从服务端得到
            ,curr:  ${pageUtil.currentPage}
            ,hash:true
            ,jump: function(obj, first){
                //obj包含了当前分页的所有参数，比如：
                console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                console.log(obj.limit); //得到每页显示的条数
                var id=$("#id").val();
                //首次不执行
                if(!first){
                    window.location.href="/shop/agent?id="+id+"&page="
                        +obj.curr+"&limit="+obj.limit+"&commodityName=${commodityName}&faceValue=${faceValue}";
                }
            }
        })
    })
    layui.use('form', function(){

    })

    function update(faceValueId,id) {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            title:'设置返利',
            offset: '20px',
            shadeClose:true,
            content: '/shop/editAgent?memberId=${id}&faceValueId='+faceValueId+"&id="+id,
            end:function() {
                console.log("页面要刷新");
                window.location.reload();

            }
        });
    }




</script>
</body>
</html>

